<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta content="always" name="referrer">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>订单详情</title>
	<link rel="stylesheet" href="/LianniuWeb/css/new/reset.css">
	<link rel="stylesheet" href="/LianniuWeb/css/new/order_detail.css">
	<link rel="stylesheet" href="/LianniuWeb/css/new//webuploader.css" />
	<link type="text/css" rel="stylesheet" href="/LianniuWeb/css/easydialog.css"/>
	<script type="text/javascript" src="/LianniuWeb/js/widget/easydialog.min.js"></script>
</head>
<body>
<div class="ranking_header">
	<div class="back_btn" onclick="javascript:history.back(-1)"></div>
	<p>订单详情</p>
</div>
<!--内容-->
<div class="pos_det">
	<p class="order_num" id="orderNo">订单号： <span id="orderStatusName"></span></p>
	<div class="det_con">
		<img src="" alt="" class="" id="productPic">
		<div class="">
			<div class="con_tit">
				<p id="productName"></p>
				<span id="productPrice">¥/头</span>
			</div>
			<p class="con_normal" id="specName">类别： <span id="productNum"><i>X</i>5</span></p>
			<p class="con_normal" id="areaName">货源地：</p>
		</div>
	</div>
	<p class="ps_det" id="orderRemark">备注：</p>
</div>
<div class="total_box" id="price" >合计：¥</div>

<div class="attention_box disno1" id="evaluate">
	<input type="hidden" id="sureOrderId" value="">
	<input type="hidden" id="comResult" value="">

	<div class="attention_content">
		<div class="phone_box">
			<div class="good_box" id="good">
				<p></p>
				<span>好评</span>
			</div>
			<div class="bad_box" id="bad">
				<p></p>
				<span>差评</span>
			</div>
		</div>
		<div class="layui-input-block">
			<textarea placeholder="请输入内容" class="layui-textarea" id="comment"></textarea>
		</div>
		<div class="box_btn">
			<input type="button" value="返回" class="cancel_btn" id="cancel"/>
			<input type="button" value="发布" class="sure_btn" id="sure"/>
		</div>
	</div>

</div>
<!-- 付款弹出框 -->
<div class="attention_box pay_popup disno1" id="payNow">
	<input type="hidden" id="payOrderId" value="">
	<div class="pay_content">
		<div class="add_photo">
			<div class="img_box">
				<div class="img3 disno1" id="firstPhoto">
					<span></span>
					<img src="" id="img1">
				</div>
				<div class="img3 disno1" id="secondPhoto">
					<span></span>
					<img src="" id="img2">
				</div>
			</div>
			<div class="webuploader-pick" id="filePicker"></div>
		</div>
		<p class="add_contant">留言：</p>
		<div class="layui-input-block">
			<textarea placeholder="请输入内容" class="layui-textarea" id="remark"></textarea>
		</div>
		<div class="box_btn">
			<input type="button" value="返回" class="cancel_btn" id="payCancel"/>
			<input type="button" value="确认" class="sure_btn" id="payConfirm"/>
		</div>
	</div>
</div>

<!--底部-->
<div class="product_btm" id="footer">
	<div class="phone">合计：<span id="total_price">¥</span></div>

</div>
<script src="/LianniuWeb/js/underscore/underscore.js"></script>
<script src="/LianniuWeb/js/commons/commons.js"></script>
<script src="/LianniuWeb/js/commons/util.js"></script>
<script src="/LianniuWeb/js/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/LianniuWeb/js/buyer/flexible.js"></script>
<script type="text/javascript" src="/LianniuWeb/js/buyerOrder/orderOperation.js"></script>
<script type="text/javascript" src="/LianniuWeb/js/buyerOrder/buyerOrderInfo.js"></script>
<script src="/LianniuWeb/js/buyer/webuploader.js"></script>
<script>
	$('.order_tab > li').click(function() {
		$(this).addClass('order_sel').siblings().removeClass('order_sel')
	})

	// 初始化Web Uploader
	var uploader = WebUploader.create({

		// 选完文件后，是否自动上传。
		auto: true,
		// swf文件路径
		swf: '/js/Uploader.swf',

		// 文件接收服务端。
		server: '/LianniuWeb/rest/fileUpload/uploadPic.do?filepath=buyerOrder',

		// 选择文件的按钮。可选。
		// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		pick: {id:'#filePicker',multiple:false},
		compress:{
			width: 500,
			height: 550,

			// 图片质量，只有type为`image/jpeg`的时候才有效。
			quality: 40,

			// 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
			allowMagnify: false,

			// 是否允许裁剪。
			crop: false,

			// 如果发现压缩后文件大小比原来还大，则使用原来图片
			// 此属性可能会影响图片自动纠正功能
			noCompressIfLarger: false,

			// 单位字节，如果图片大小小于此值，不会采用压缩。
			compressSize: 30 * 1024
		},
		// 只允许选择图片文件。
		accept: {
			title: 'Images',
			extensions: 'gif,jpg,jpeg,bmp,png',
			mimeTypes: 'image/*'
		}
	});
	uploader.on( 'uploadSuccess', function( file,a,b ) {

		if($("#img1").attr("src") == ""){
			$("#img1").parent().removeClass("disno1")
			$("#img1").attr("src", a.data);
			if($("#img1").attr("src") != "" && $("#img2").attr("src") != ""){
				$("#filePicker").hide()
			}
			return;
		}
		if($("#img2").attr("src") == ""){
			$("#img2").parent().removeClass("disno1")
			$("#img2").attr("src", a.data);
			if($("#img1").attr("src") != "" && $("#img2").attr("src") != ""){
				$("#filePicker").hide()
			}
		}

	});

	uploader.on( 'uploadError', function( file ) {
		easyAlert("上传出错");
	});
</script>
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?867c800f411683d2a7fa9eb1eabd9736";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
</body>
</html>